{% extends "base.html" %} {% block main %}


<div id="qiujieServiceClass" class="q-container qiujie-service-class">
    <div class="container q-container-inner">
        <div class="row q-row-head">
            <h2 class="q-title">我们提供的服务</h2>
        </div>
        <div class="row q-service-class">

            <div class="col-md-4">
                <a class="q-service-tab active" href="#">网站建设</a>
            </div>
            <div class="col-md-4">
                <a class="q-service-tab" href="#">视频图像</a>
            </div>
            <div class="col-md-4">
                <a class="q-service-tab" href="#">文案新闻</a>
            </div>

        </div>
    </div>
</div>

<div id="qiujieService" class="q-container qiujie-service q-container-grey">
    <div class="container q-container-inner">
        <div class="row q-service-plane">

                 {% for service in services %}
                <a class="col-md-3 col-sm-4 col-xs-6" href="{{ service.url }}">
                    <div class="q-service-card">
                        <img class="pic" src="{{ service.preview }}">
                        <div class="top-line">
                            <h3>{{ service.price }}</h3>
                        </div>
                        <div class="name">
                            <sapn>{{ service.title }}</sapn>
                        </div>
                        <div class="class"></div>
                        <div class="studio"></div>
                        <div class="contact"></div>
                    </div>
                </a>
                {% endfor %}
        </div>
    </div>
</div>

{% endblock %}